<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="../templates/general.xhtml">
	<ui:define name="cuerpo">
		<h:form id="dataForm" prependId="false">
			<p:growl id="growl" showDetail="false" />
			<p:panel id="data" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText value="Actualizar de Solicitud de Mantenimiento" />
				</f:facet>
				<p:panel styleClass="bgColoredPanel">
				
					<p:panelGrid style="width: 100%;" styleClass="ui-custompanelgrid">
					
						<p:row>
							
							<p:column style="width: 10%;">
								<p:outputLabel value="Solicitante" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 80%;" colspan="3">
								<p:inputText styleClass="uppercase" required="false"
									value="#{solicitudController.solicitante}" maxlength="100"
									id="solicitante" style="width: 95%;"></p:inputText>
							</p:column>
							<p:column style="width: 5%" styleClass="center">
								<p:commandButton value="Buscar"
									action="#{solicitudController.buscar}" style="width: 80px;"
									update=":dataForm:data,listaSolicitudDTO"></p:commandButton>
							</p:column>
							
							<p:column style="width: 5%" styleClass="center">									
								<p:commandButton value="Nuevo"
									actionListener="#{solicitudController.irNuevo}"
									style="width: 80px;"></p:commandButton>
							</p:column>
						
						</p:row>
						
						<p:row>
							
							<p:column style="width: 10%;">
								<p:outputLabel value="Placa de Vehiculo" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 15%;">
								<p:inputText styleClass="uppercase" required="false"
									value="#{solicitudController.placa}" maxlength="6"
									id="placa" style="width: 95%;"></p:inputText>
							</p:column>
							
							<p:column style="width: 10%;">
								<p:outputLabel value="Estado" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 10%;">
								
								<p:selectOneMenu value="#{solicitudController.estado}">
								   	<f:selectItem itemValue="1" itemLabel="Registrado" />
								   	<f:selectItem itemValue="2" itemLabel="Diagnosticado" />
								   	<f:selectItem itemValue="3" itemLabel="Ejecutado" />
								   	<f:selectItem itemValue="4" itemLabel="Cancelado" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
						
						<p:row>
							<p:column style="width: 10%;">
								<p:outputLabel value="Fecha Sol. Inicio" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 20%;">
								
								<p:calendar id="fechaInicio" pattern="dd/MM/yyyy"  value="#{solicitudController.fechaInicio}" 
									showOn="button" readonlyInput="true"/>		
									
							</p:column>
							<p:column style="width: 10%;">
								<p:outputLabel value="Fecha Sol. Fin" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 15%;">
									
								<p:calendar id="fechaFin" pattern="dd/MM/yyyy"  value="#{solicitudController.fechaFin}" 
									showOn="button" readonlyInput="true"/>	
									
							</p:column>	
						
						</p:row>
					
					</p:panelGrid>
									
				</p:panel>

				<p:panel id="listaSolicitudDTOPanel" style="margin-bottom:5px;" styleClass="bgColoredPanel">
					<p:column>
						<h:outputText value="Lista de solicitud de mantenimiento"
							styleClass="customTitleBar">
							<p:separator></p:separator>
						</h:outputText>
					</p:column>
					<br />
					

					<p:dataTable id="listaSolicitudDTO"
						value="#{solicitudController.listaSolicitudDTO}" var="solicitud"
						
						paginatorPosition="bottom" rowKey="#{solicitud.solicitudId}"
						currentPageReportTemplate="Página {currentPage} de {totalPages}"
						resizableColumns="false" paginator="true"
						rowIndexVar="indexsolicitud" selectionMode="single"
						paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,25,50" rows="10">

						<p:column headerText="N° Sol." styleClass="center">
							<p:outputLabel value="#{solicitud.solicitudId}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Fecha de Solicitud" styleClass="center">
							<p:outputLabel value="#{solicitud.fecha}" style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Solicitante" styleClass="center">
							<p:outputLabel value="#{solicitud.solicitante}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Placa de Vehiculo" styleClass="center">
							<p:outputLabel value="#{solicitud.placa}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Estado" styleClass="center">
							<p:outputLabel value="#{solicitud.dscrpEstado}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						
						<p:column headerText="Opciones">
							<div align="center">
							<p:commandButton value="Diagnostico" style="width: 100px;"									
									action="#{solicitudController.irDiagnostico}" 
									update=":dataForm:data">
								<f:setPropertyActionListener
										target="#{solicitudController.solicitudDTO}"
										value="#{solicitud}"></f:setPropertyActionListener>		
							</p:commandButton>
									
							<p:commandButton value="Modificar" update=":dataForm:data" style="width: 75px;"
									action="#{solicitudController.irModificar}">								
								<f:setPropertyActionListener
										target="#{solicitudController.solicitudDTO}"
										value="#{solicitud}"></f:setPropertyActionListener>		
							</p:commandButton>
							
							<p:commandButton value="Eliminar" style="width: 75px;"							
									action="#{solicitudController.preEliminarSolicitud}">
									<f:setPropertyActionListener
										target="#{solicitudController.solicitudDTO.solicitudId}"
										value="#{solicitud.solicitudId}"></f:setPropertyActionListener>
								</p:commandButton>
							</div>
						</p:column>
												
					</p:dataTable>
				</p:panel>

			</p:panel>
		</h:form>
		
		<p:confirmDialog id="deleteSolicitudDialogId" appendToBody="true" width="400px"  closable="false"
			widgetVar="deleteSolicitudDialog" message="Desea Eliminar el Registro?"
			showEffect="fade" hideEffect="explode" header="Confirmar"
			severity="alarm">
			<p:outputPanel id="deletePanel">			
				<h:form id="deleteForm">
				<div align="center">
					<p:commandButton id="deleteYesButton" value="Si"
						action="#{solicitudController.eliminar}"
						update=":dataForm:data " />
					<p:commandButton id="deleteNoButton" value="No"
						onclick="deleteSolicitudDialog.hide()" type="button" /></div>
				</h:form>
			</p:outputPanel>
		</p:confirmDialog>
		
	</ui:define>
</ui:composition>
</html>

